.container {
    max-width: 1200px;
    position: relative;
    margin:0 auto;
    height: 100%;
    padding: 70px 0 20px 0;
    .main {
        background-color: rgba(#ffffff, 0.5);
        height: 100%;
        width: 100%;
        border-radius: 10px;
        box-shadow: $card-shadow;
        padding: 20px;
        overflow-y: auto;
        .avatar {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            .avatar-main {
                transform: rotate(0);
                transition: all .3s ease-in-out;
                cursor: pointer;
            }
            .avatar-main:hover{
                transform: rotate(360deg);
            }
        }
        .form-container {
            min-height: 600px;
            width: 40%;
            margin: auto;
        }
        // 移动端适配
        .form-medium-screen {
            width: 55%;
        }
        .form-small-screen {
            width: 70%;
        }
        .form-extraSmall-screen {
            width: 100%;
        }
    }
}